import { Card, Typography, List, Button } from 'antd'

const { Text } = Typography

const Index = () => {
  return (
    <Card
      style={{ height: '100%', display: 'flex', flexDirection: 'column' }}
      title="消防演练情况"
      extra={<Button type="link">更多</Button>}
    >
      <List>
        <List.Item actions={[<Text type="danger">不合格</Text>]}>
          <List.Item.Meta
            // avatar={<Avatar src={'dawdaww'} />}
            title="明火烟雾演习"
            description="2021-6-16"
          />
          <Text>5分钟逃生</Text>
        </List.Item>
        <List.Item actions={[<Text type="danger">不合格</Text>]}>
          <List.Item.Meta
            // avatar={<Avatar src={'dawdaww'} />}
            title="电器着火演练"
            description="2021-6-16"
          />
          <Text>5分钟逃生</Text>
        </List.Item>
        <List.Item actions={[<Text type="danger">不合格</Text>]}>
          <List.Item.Meta
            // avatar={<Avatar src={'dawdaww'} />}
            title="大面积着火逃生演练"
            description="2021-6-16"
          />
          <Text>5分钟逃生</Text>
        </List.Item>
        <List.Item actions={[<Text type="danger">不合格</Text>]}>
          <List.Item.Meta
            // avatar={<Avatar src={'dawdaww'} />}
            title="电器着火演练"
            description="2021-6-16"
          />
          <Text>5分钟逃生</Text>
        </List.Item>
      </List>
    </Card>
  )
}

export default Index
